.body_bg_yellow {
    background: #FF8C00;
    background-size: 100% 400%;
}

.body_bg_red {
    background: #FF0000;
    background-size: 100% 400%;
}

.body_bg_green {
    background: #008000;
    /*background: #ffffff;*/
    background-size: 100% 400%;
    color: white;
}

.body_bg_yellow_s {
    background: linear-gradient(-45deg, #696969, #443, #FFA500, #FF8C00, #FFD700);
    background-size: 100% 400%;
}

.body_bg_red_s {
    background: linear-gradient(-45deg,#696969, #443, #f00, #e00, #FF0000);
    background-size: 100% 400%;
}

.body_bg_green_s {
    background: linear-gradient(-45deg, #696969, #443, #0d0, #00FF00, #32CD32);
    background-size: 100% 400%;
}

.body_bg_yellow_a {
    background: linear-gradient(-45deg, #443, #333, #fd0, #ec0, #DC143C, #FF8C00);
    animation: gradientBG 5s ease infinite;
    background-size: 400% 400%;
}

.body_bg_red_a {
    background: linear-gradient(-45deg, #443, #333, #f00, #ed3f14, #e00, #DC143C);
    animation: gradientBG 5s ease infinite;
    background-size: 400% 400%;
}

.body_bg_green_a {
    background: linear-gradient(-45deg, #443, #333, #0d0, #00FF00, #32CD32, #32CD32);
    animation: gradientBG 5s ease infinite;
    background-size: 400% 400%;
}
